<template>
  <!--组织设置页面-->
  <!--一个大的div包含两个小div，其中一个小div分为左右两部分-->
  <div class="main-div">
    <div style="background-color:#fff;padding-bottom: 10px;">
    <div class="activityRelease-left-title">
      <h2>{{pageTitle}}</h2>
    </div>
    <div class="activity-title-line"></div>
    <div class="grid-content">
      <Tree ></Tree>
    </div>
    </div>
  </div>
</template>
<script>
  import Tree from './Tree/Index.vue'
  export default {
    name: '',
    components: {
      Tree
    },
    data () {
      return {
        pageTitle:'组织设置',
      }
    },
    methods: {

    },
    mounted:{

    }

  }
</script>
<style scoped>
  .main-div{
    background: #fffcfa;
    height: 100%;
    width: 100%;
  }
  .activityRelease-left-title{
    text-align: left;
    padding: 10PX 20PX;
  }
  .activity-title-line{
    height:1px;
    width: 98%;
    margin: auto 1%;
    background-color: #ddd;
  }
  .grid-content {
    margin: auto 1%;
  }
</style>
